<template>
    <div class="loading-class">
        <van-overlay :show="loading">
            <div class="wrapper">
                <!-- <van-loading type="spinner" color="#1989fa" size="45px" /> -->
                <van-loading color="#1989fa" />
            </div>
        </van-overlay>
    </div>
</template>

<script setup lang="ts">

defineProps(['loading'])

</script>

<style lang="scss" scoped>
.loading-class {
    .wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    :deep(.van-overlay) {
        background: rgba(0, 0, 0, 0.05);
    }
}
</style>